.classification {
	padding-bottom: 100upx;
	.nav {
		display: flex;
		align-items: center;
		padding: 50upx 30upx 30upx 30upx;
		background: $bg1-color;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		padding-bottom: 30upx solid #f5f6f8;
		image {
			width: 27upx;
			height: 30upx;
			display: flex;
		}
		& > view {
			font-size: 34upx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: $bg2-color;
			margin-left: 30upx;
		}
	}
	.search {
		// 微信小程序
		/* #ifdef  MP-WEIXIN */

		padding-top: 80upx;
		/* #endif */
		// 手机端
		/* #ifdef APP-PLUS */
		padding-top: 80upx;
		/* #endif */
		// H5端
		/* #ifdef  H5 */
		padding-top: 120upx;
		/* #endif */
		.search_one {
			margin-top: 20upx;
			background: #ffffff;
			.goods {
				width: 93%;
				margin: 0 auto;
				padding: 39upx 24upx 38upx 93upx;
				border-bottom: 1upx solid #fafaf9;
				display: flex;
				align-items: center;
				justify-content: space-between;
				& > view:nth-child(1) {
					& > view:nth-child(1) {
						font-size: 30upx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: $bg2-color;
					}
					& > view:nth-child(2) {
						font-size: 24upx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: $bg5-color;
						margin-top: 16upx;
					}
				}
				// 2
				.Placed {
					width: 95upx;
					height: 52upx;
					border: 1upx solid $bg13-color;
					border-radius: 6upx;
					font-size: 26upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: $bg-background;
					display: flex;
					align-items: center;
					justify-content: center;
				}
				.Placed_one {
					display: flex;
					align-items: center;
					& > view:nth-child(1) {
						font-size: 26upx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: $bg14-color;
						margin-right: 43upx;
					}
					& > view:nth-child(2) {
						image {
							width: 50upx;
							height: 26upx;
						}
					}
				}
			}
			.setting {
				.goods_one {
					width: 93%;
					margin: 0 auto;
					padding: 39upx 24upx 38upx 0upx;
					border-bottom: 1upx solid #fafaf9;
					display: flex;
					align-items: center;
					justify-content: space-between;
					& > view:nth-child(1) {
						display: flex;
						align-items: center;
						& > view:nth-child(1) {
							font-size: 28upx;
							font-family: Source Han Sans CN;
							font-weight: 400;
							color: $bg-color;
						}
					}
					& > view:nth-child(2) {
						& > view:nth-child(1) {
							font-size: 30upx;
							font-family: Source Han Sans CN;
							font-weight: 400;
							color: $bg2-color;
						}
						& > view:nth-child(2) {
							font-size: 24upx;
							font-family: Source Han Sans CN;
							font-weight: 400;
							color: $bg5-color;
							margin-top: 16upx;
						}
					}
					.Placed {
						width: 95upx;
						height: 52upx;
						border: 1upx solid $bg13-color;
						border-radius: 6upx;
						font-size: 26upx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: $bg-background;
						display: flex;
						align-items: center;
						justify-content: center;
					}
					.Placed_one {
						display: flex;
						align-items: center;
						& > view:nth-child(1) {
							font-size: 26upx;
							font-family: Source Han Sans CN;
							font-weight: 400;
							color: $bg14-color;
							margin-right: 43upx;
						}
						& > view:nth-child(2) {
							image {
								width: 50upx;
								height: 26upx;
							}
						}
					}
				}

				// 展开
				.goods_two {
					width: 93%;
					margin: 0 auto;
					padding: 39upx 24upx 38upx 0upx;
					border-bottom: 1upx solid #fafaf9;

					.draw-enter-active,
					.draw-leave-active {
						transition: all 1s ease;
					}
					.draw-enter, .draw-leave-to /* .fade-leave-active below version 2.1.8 */ {
						height: 0;
					}
					.box {
						display: flex;
						align-items: center;
						justify-content: flex-end;

						& > view:nth-child(1) {
							margin-right: 210upx;
							& > view:nth-child(1) {
								font-size: 30upx;
								font-family: Source Han Sans CN;
								font-weight: 400;
								color: $bg2-color;
							}
							& > view:nth-child(2) {
								font-size: 24upx;
								font-family: Source Han Sans CN;
								font-weight: 400;
								color: $bg5-color;
								margin-top: 16upx;
							}
						}
						.Placed {
							width: 95upx;
							height: 52upx;
							border: 1upx solid $bg13-color;
							border-radius: 6upx;
							font-size: 26upx;
							font-family: Source Han Sans CN;
							font-weight: 400;
							color: $bg-background;
							display: flex;
							align-items: center;
							justify-content: center;
						}
						.Placed_one {
							display: flex;
							align-items: center;
							& > view:nth-child(1) {
								font-size: 26upx;
								font-family: Source Han Sans CN;
								font-weight: 400;
								color: $bg14-color;
								margin-right: 43upx;
							}
							& > view:nth-child(2) {
								image {
									width: 50upx;
									height: 26upx;
								}
							}
						}
					}
				}
			}
		}
	}
	.new {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 41upx 125upx 41upx 125upx;
		background: #ffffff;
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 999;
		& > view:nth-child(1) {
			font-size: 32upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: rgba(240, 147, 0, 1);
		}
		& > view:nth-child(2) {
			font-size: 32upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: rgba(53, 57, 76, 1);
		}
	}
	.new1 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 41upx 125upx 41upx 125upx;
		background: #ffffff;
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 999;
		& > view {
			font-size: 32upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: rgba(53, 57, 76, 1);
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto;
		}
	}

	.menu {
		/deep/.u-drawer-bottom {
			bottom: 0;
			left: 0;
			right: 0;
			background-color: #ffffff;
			background: none !important;
		}
		.Foodsold {
			padding-bottom: 20upx;
			& > view:nth-child(1) {
				width: 93%;
				background: $bg1-color;
				border-radius: 10upx;
				margin: 0 auto;
				& > view {
					font-size: 34upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: rgba(51, 51, 51, 1);
					border-bottom: 1upx solid #edf0fa;
					padding-top: 31upx;
					padding-bottom: 31upx;
					text-align: center;
				}
			}
			& > view:nth-child(2) {
				width: 93%;
				background: $bg1-color;
				border-radius: 10upx;
				margin: 26upx auto;

				font-size: 34upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: rgba(51, 51, 51, 1);
				padding-top: 30upx;
				padding-bottom: 30upx;
				text-align: center;
			}
		}
	}
}